<template>
	<div>
		<h2>我是App组件</h2>
		<h3>{{school | big | cut(4)}}</h3>
		<hr>
		<Person/>
	</div>
</template>

<script>
	import Person from './components/Person.vue'

	export default {
		name:'App',
		components:{Person},
		data() {
			return {
				school:'atguigu',
				a:1
			}
		},
		filters:{
			// big方法何时调用？—— 有人使用该过滤器的时候
			// big方法中的this是谁？—— undeifned！！！！！
			// big方法会收到什么参数？—— 管道符前面的数据
			big(value){
				return value.toUpperCase()
			},
			cut(value,n){
				return value.slice(0,n)
			}
		}
	}
</script>